<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/头部.css">
    <link rel="stylesheet" href="../css/关于.css">
    <link rel="stylesheet" href="../css/底部.css">
    <script src="../js/utils/qzdl.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="toubu">
            <div class="logo">
                <img src="../img/logo.webp" alt="">
            </div>
            <div class="biaoti">
                <ul>
                    <li><a href="../html/首页.html"><span>首页</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/关于.html"><span>关于</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/茶叶.html"><span>茶叶</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/基地.html"><span>基地</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/新闻.html"><span>新闻</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/联系.html"><span>联系</span></a>
                        <div class="xian"></div>
                    </li>
                </ul>
            </div>
            <div class="tubiao">
                <div class="tubiao2">
                    <div class="tubiao3">
                        <div class="tubiao4"><img src="../img/搜索.png" alt=""></div>
                        <div class="tubiao4"><img src="../img/用户.png" alt=""></div>
                        <div class="tubiao4" onclick="gwc()"><img src="../img/购物车.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- 关于 图 -->
    <div class="guanyuimg">
        <img src="../img/关于.webp" alt="">
    </div>

    <!-- 春茶 -->
    <div class="chuncha">
        <div class="chunchatitle">
            春茶
        </div>
        <div class="chuncha-bottom">
            <div class="chuncha-bottom-title">
                饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。
            </div>
            <div class="chuncha-bottom-title">
                因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。
            </div>
        </div>
    </div>

    <!-- 数字自增 -->
    <div class="shuziadd">
        <div class="sigeshuzi">
            <div class="dangeshuzi">
                <div class="changenum">
                    0
                </div>
                <div class="nochangezi">
                    历史悠久
                </div>
            </div>
            <div class="dangeshuzi">
                <div class="changenum">
                    0
                </div>
                <div class="nochangezi">
                    冲泡温度
                </div>
            </div>
            <div class="dangeshuzi">
                <div class="changenum">
                    1
                </div>
                <div class="nochangezi">
                    碧螺春等级
                </div>
            </div>
            <div class="dangeshuzi1">
                <div class="changenum">
                    0
                </div>
                <div class="nochangezi">
                    茶园面积
                </div>
            </div>
        </div>
    </div>

    <!-- 喝茶的好处 -->
    <div class="hechadehaochu">
        <div class="hechadehaochu-top">
            喝茶的好处
        </div>
        <div class="hechadehaochu-bottom">
            饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。茶叶中含有多种维生素和氨基酸，喝茶对于清油解腻，增强神经兴奋以及消食利尿也具有一定的作用。
            但并不是喝得越多越好，也不是所有的人都适合喝茶。一般来说，每天1-2次，每次3-5克、400毫升的饮量是比较适当的。一般，人们说喝茶还指喝水。
        </div>
    </div>

    <!-- 三个图 -->
    <div class="sangetu">
        <div class="sangetu1">
            <div class="dangetu">
                <img src="../img/茶园规划.webp" alt="">
                <div class="dangetu-title">茶园规划</div>
                <div class="dangetu-title-bottom">
                    <span>
                        明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。
                    </span>
                </div>
            </div>
            <div class="dangetu">
                <img src="../img/茶叶品质.webp" alt="">
                <div class="dangetu-title">茶叶品质鉴别</div>
                <div class="dangetu-title-bottom">
                    <span>
                        明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。
                    </span>
                </div>
            </div>
            <div class="dangetu">
                <img src="../img/冲泡工艺.webp" alt="">
                <div class="dangetu-title">冲泡工艺</div>
                <div class="dangetu-title-bottom">
                    <span>
                        明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <!-- 底部左边 -->
        <div class="bottomdiv">
            <div class="lianxi">
                <p>联系</p>
                <span>Contact</span>
            </div>
            <div class="guanyu">
                <div class="guanyu1">
                    关于我们
                </div>
                <div class="guanyu2">
                    <img src="../img/微信.png" alt="">
                    <img src="../img/新浪微博.png" alt="">
                </div>
            </div>
            <div class="qifeiye">
                <div class="qifeiye1">
                    起飞页自助建站平台
                </div>
                <div class="qifeiye2">
                    <span>地址：苏州市建外SOHO东区2号楼</span>
                </div>
                <div class="qifeiye2">
                    <span>邮编：100000</span>
                </div>
                <div class="qifeiye2">
                    <span>电话：010-69557550</span>
                </div>
            </div>
        </div>

        <!-- 底部右边 -->
        <div class="bottomdiv-right">
            <div class="erweima">
                <img src="../img/二维码.png" alt="">
                <p>微博</p>
            </div>
            <div class="erweima">
                <img src="../img/二维码.png" alt="">
                <p>微信</p>
            </div>
        </div>

        <!-- 底部底部 -->
        <div class="COPYRIGHT">
            <div class="COPYRIGHTtitle">
                COPYRIGHT (©) 2019 茶叶类网站 京ICP备41414141414-1号
            </div>
        </div>
    </footer>

</body>
<script>
    function fun(){
        var num=parseInt(document.getElementsByClassName("changenum")[0].innerText);
        document.getElementsByClassName("changenum")[0].innerText=num+3;
        if(num>=135){
            clearInterval(autoAdd);
        }
    }
    var autoAdd=setInterval(fun,44);
    function fun1(){
        var num1=parseInt(document.getElementsByClassName("changenum")[1].innerText);
        document.getElementsByClassName("changenum")[1].innerText=num1+5;
        
        if(num1>=90){
            clearInterval(autoAdd1);
        }
    }
    var autoAdd1=setInterval(fun1,104);
    function fun3(){
        var num3=parseInt(document.getElementsByClassName("changenum")[3].innerText);
        document.getElementsByClassName("changenum")[3].innerText=num3+3;
        if(num3>=564){
            clearInterval(autoAdd3);
        }
    }
    var autoAdd3=setInterval(fun3,10);
</script>
<script>
    function gwc(){
        location.href='../html/购物车.html'
    }
</script>
</html>